Top 10 Eye-catching jQuery Gallery Thumbnails Collection
SuperSocial – jQuery Ajax Social Panel
SuperSocial is easy to use jQuery Ajax application.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox
Dribbble Gallery Mode
Gallery
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or image gallery JavaScript but also allow to CSS add content for each slide.Show/Hide Slider Navigation ( Thumbnails ).Rainbow Background Full Screen jQuery Plugin
Metro Tab jQuery
A lightbox jQuery plugin help you to display fullscreen images with auto delay switch slideshow support.Scrollable thumbnails navigation.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
The jQuery slider images Gallery script allows you to show all your Flickr albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global.It is perfect for portfolio and gallery website design along with its smooth transitions. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of photo gallery slider HTML code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. It comes as an jQuery plugin, AMD module or a browser global.Gallery Cover –
Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded. Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.
The standalone gallery has a 5 star rating.Nova Gallery WP makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the free image slider of the gallery in action. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages
Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager.If you show Youtube/Vimeo videos then you can choose to use the thumbnails provided by Youtube/Vimeo. Can mention a youtube custom thumbnail image for the gallery sets.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu
Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The gallery script has been tested and is fully compatible with jQuery 1. and jQuery 2. Fixed a bug in iOS where after scrolling the clicks/taps on the thumbnails became unresponsive. Improved the closing/opening of the gallery menu in touch-screen devices.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the lightbox plugin jQuery so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.Fixed a bug regarding the displaying of gallery set names.
The jQuery Google+/Picasa Gallery script allows you to show all your Google+/Picasa albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Ultimate Grid Responsive Gallery
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Support thumbnails for the grid only to the images you want to improve performance
Image Gallery with Vertical Thumbnail Navigator
Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression.Optional thumbnails, tabs or bullets navigation
Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos from YouTube to your website and display them nicely inside a categorized gallery.Gallery Features
StarTube jQuery Plugin
We are proudly introducing a brand new jQuery plugin called “StarTube” that does a great job in creating YouTube video galleries. Below is a summary of plugin controls allowing extended gallery customization options:
thumbs: 20, // video thumbnails per page
Please read our detailed HTML documentation included in the download package on setting up the video gallery.